<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#one" data-toggle="tab">粉丝</a></li>
            <li><a href="#two" data-toggle="tab">粉丝订单</a></li>
            <li><a href="#three" data-toggle="tab">粉丝进场数据</a></li>
            <li><a href="#four" data-toggle="tab">粉丝抢购成功数据</a></li>
        </ul>
    </div>

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar1" class="toolbar">
                        {:build_toolbar('refresh')}
                        <a href="javascript:;" class="btn btn-default" style="font-size:14px;color:dodgerblue;">
                            <span class="extend">
                                粉丝总数量：<span id="fans_total">0</span>
                            </span>
                        </a>
                    </div>
                    <table id="table1" class="table table-striped table-bordered table-hover table-nowrap" width="100%">
                    </table>
                </div>
            </div>
            <div class="tab-pane fade" id="two">
                <div class="widget-body no-padding">
                    <div id="toolbar2" class="toolbar">
                        {:build_toolbar('refresh')}
                        <a href="javascript:;" class="btn btn-default" style="font-size:14px;color:dodgerblue;">
                            <span class="extend">
                                订单总数量：<span id="order_total">0</span>
                                金额：<i class="fa fa-jpy"></i><span id="order_price_total">0</span>
                            </span>
                        </a>
                    </div>
                    <table id="table2" class="table table-striped table-bordered table-hover table-nowrap" width="100%">
                    </table>
                </div>
            </div>
            <div class="tab-pane fade" id="three">
                <div class="widget-body no-padding">
                    <div id="toolbar3" class="toolbar">
                        {:build_toolbar('refresh')}
                    </div>
                    <table id="table3" class="table table-striped table-bordered table-hover table-nowrap" width="100%">
                    </table>
                </div>
            </div>
            <div class="tab-pane fade" id="four">
                <div class="widget-body no-padding">
                    <div id="toolbar4" class="toolbar">
                        {:build_toolbar('refresh')}
                    </div>
                    <table id="table4" class="table table-striped table-bordered table-hover table-nowrap" width="100%">
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
